<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'myCenter_diary.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" type="text/css" href="css/blog_header.css">
		<link rel="stylesheet" type="text/css" href="css/blog_top_head.css">
		<link rel="stylesheet" type="text/css" href="css/header.css">
		<link rel="stylesheet" type="text/css"
			href="css/blogFriendsVisitor.css">
		<link rel="stylesheet" type="text/css" href="css/footer.css">
		<link rel="stylesheet" type="text/css"
			href="css/blog_center_right_Friends.css">
		<link rel="stylesheet" type="text/css" href="css/pageStyleOne.css">
		<!--[if lt IE 7]> 
	<script type="text/javascript" src="js/ie6png.js"></script>
	<![endif]-->

		<script type="text/javascript">
function selectTag(showContent, selfObj) {
	// 操作标签

	var tag = document.getElementById("LeftTags").getElementsByTagName("li");
	var taglength = tag.length;
	for (i = 0; i < taglength; i++) {
		tag[i].className = "";
	}
	selfObj.parentNode.className = "LeftSelectTag";
	// 操作内容
	for (i = 0; j = document.getElementById("tagContent" + i); i++) {
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
}

function selectTag0(showContent, selfObj) {
	// 操作标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for (i = 0; i < taglength; i++) {
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	// 操作内容
	for (i = 0; j = document.getElementById("tagContent0" + i); i++) {
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";

}

function selectGroup(group, friendsId, userId) {
	var url = "setFriendsGroupAction?";
	window.location.href = url + "group=" + encodeURI(encodeURI(group))
			+ "&friendsId=" + friendsId + "&userId=" + userId;
}
</script>

	</head>

	<body>

		<div id="container">
			<%@ include file="styleJsp/header.jsp"%>
			<div id="headerBottom">
				<div id="headerBottomLeft">
					<span class="headerBottomLeft1"><a href="index"><img
								src="images/home_icon.png" /> </a> </span>
					<span class="headerBottomLeft2"><img
							src="images/dot_arrow.png"> </span>
					<span class="headerBottomLeft3"><a href="index">好友</a> </span>
					<span class="headerBottomLeft2"><img
							src="images/dot_arrow.png"> </span>
					<span class="headerBottomLeft3"><a
						href="BoardDisplayAc?boardId=<s:property value='board.boardId'/>">好友列表</a>
					</span>
				</div>
			</div>

			<div class="content">
				<div class="content_left">
					<ul id="LeftTags">
						<li class="friendWord">
							<span class="friendWordType">好友</span>
						</li>
						<li class="LeftSelectTag" id="content_leftType1">
							<a onclick="selectTag('tagContent0',this)"
								href="javascript:void(0)"><span class="wordType">好友列表</span>
							</a>
						</li>

					</ul>
				</div>
				<div class="content_right">
					<div id="tagContent">
						<div class="tagContent LeftSelectTag" id=tagContent0>

							<div id="con">
								<ul id="tags">
									<li>
										<a onClick="selectTag0('tagContent00',this)"
											href="lookFriendsAction_lookUserFriends?userId=${param.userId}">全部好友列表</a>
									</li>
									<li>
										<a onClick="selectTag0('tagContent01',this)"
											href="lookVisitorAction_lookVisitors?userId=${param.userId}">我的访客</a>
									</li>
									<li class="selectTag">
										<a onClick="selectTag0('tagContent02',this)"
											href="lookVisitorAction_lookTraces?userId=${param.userId}">我的足迹</a>
									</li>

								</ul>
								<div id="tagContent0Content">
									<div class="tagContent0 selectTag" id="tagContent02">
										<div class="tagContent00Word">
											<span class="tagContent00Word1">好友列表</span>
											<span class="tagContent00Word2">当前共有<s:property
													value="numberVisitor" />个好友</span>
										</div>
										<div class="tagContent00Content">
											<div class="tagContent00ContentLeft">
												<s:iterator value="list">
													<div class="tagContent00ContentLeft1">
														<div class="tagContent00ContentLeft1BG">
															<div class="smallImg">
																<div class="smallImgType">
																	<img src="images/people.gif"
																		style="width: 54; height: 54" />
																</div>
															</div>
															<div class="tagContent00ContentLeft1BGText">
																<div class="div1">
																	<span class="name"><a
																		href="blogIndex.jsp?userId=<s:property value="user.userId"/>"><s:property
																				value="user.userName" /> </a> </span>
																</div>
																<div class="div2">
																	<span class="text">还好</span>
																</div>
																<div class="div3">

																	<span class="caozuo"> <a href="#">热度(2)</a> </span>
																	<span class="del"><a
																		href="addFriendsAction?toUserId=${user.userId}">加为好友</a>|<a
																		href="lookUserAction_lookUserDetails?userId=${user.userId}">查看资料</a>
																	</span>

																</div>
															</div>
														</div>
													</div>
												</s:iterator>

											</div>
												<div>
													${pagination}
												</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div>
				<%@ include file="styleJsp/footer.jsp"%>
			</div>
		</div>
	</body>
</html>
